<template>
    <a-scrollable>
        <a-menu
            class="app-menu c-b-r c-f-shrink-0"
            :items="menuItems"
            :getItemsFunc="(a) => a.files"
            @file-click="itemClick"
        >
        </a-menu>
    </a-scrollable>
</template>

<style lang="scss" scoped>
.app-menu {
    overflow-y: auto;
}
</style>

<script>
import { menuItems } from '../componentIndex'

export default {
    data() {
        return {
            menuItems
        }
    },
    methods: {
        itemClick(item) {
            this.$router.push(item.path)
        }
    }
}
</script>